<extend name="Base/common"/>

<block name="style">
    <link href="__CSS__/people.css" rel="stylesheet" type="text/css"/>
</block>

<block name="body">
    <div class="col-md-12">
        <!--轮播图片-->
        {:hook('Advs', 'people_index_index')}
        <!--/轮播图片-->
    </div>
        <div class="people">
            <div class="col-md-12">
                <div class="common_block_border clearfix" style="padding-bottom: 40px;">
                    <div class="col-md-12 pad_0 clearfix" style="border-bottom: 1px solid #CACACA;">
                        <ul class="people_left col-md-10 col-xs-12 pad_0 mb_0">
                            <php>
                                $activeClass = $tabHash == 0 ? 'people_current' : '';
                            </php>
                            <li><a href="{:U('people/index/index',array('sort'=>$sort))}" class="{$activeClass}">全部</a>
                            </li>
                            <volist name="tabList" id="val">
                                <php>
                                    $activeClass = $tabHash == $val['id'] ? 'people_current' : '';
                                </php>
                                <li><a href="{:U('people/index/index',array('tabId'=>$val['id'],'sort'=>$sort))}"
                                       class="{$activeClass}">{$val.title}</a></li>
                            </volist>
                        </ul>
                    </div>
                    <div class="col-md-12" style="margin-bottom: 20px;min-height: 500px;padding-left: 5px;padding-right: 5px;">
                        <ul class="people_right col-xs-12 pad_0 mb_0">
                            <php>
                                $reg_time_activeClass = $sort == 'reg_time' ? 'people_current change' : '';
                                $rate_activeClass = $sort == 'rate' ? 'people_current change' : '';
                                $help_count_activeClass = $sort == 'help_count' ? 'people_current change' : '';
                                $fans_activeClass = $sort == 'fans' ? 'people_current change' : '';
                                $sentiment_activeClass = $sort == 'sentiment' ? 'people_current change' : '';
                                $recommend_activeClass=$sort=='is_recommend'?'people_current change' : '';
                            </php>
                            <li><a href="{:U('people/index/index',array('tabId'=>$tabHash,'sort'=>'reg_time'))}"
                                   class="{$reg_time_activeClass}">最新加入</a></li>
                            <li><a href="{:U('people/index/index',array('tabId'=>$tabHash,'sort'=>'rate'))}"
                                   class="{$rate_activeClass}">好评最高</a></li>
                            <li><a href="{:U('people/index/index',array('tabId'=>$tabHash,'sort'=>'help_count'))}"
                                   class="{$help_count_activeClass}">帮忙最多</a></li>
                            <li><a href="{:U('people/index/index',array('tabId'=>$tabHash,'sort'=>'fans'))}"
                                   class="{$fans_activeClass}">膜拜最多</a></li>
                            <li><a href="{:U('people/index/index',array('tabId'=>$tabHash,'sort'=>'sentiment'))}"
                                   class="{$sentiment_activeClass}">人气最高</a></li>
                            <li><a href="{:U('people/index/index',array('tabId'=>$tabHash,'sort'=>'is_recommend'))}"
                                   class="{$recommend_activeClass}">推荐</a></li>
                        </ul>
                        <ul class="people_list" style="padding-right: 5px;">
                            <if condition="count($lists) eq 0"><p class="text-muted"
                                                                  style="text-align: center; font-size: 3em;">
                                <br><br>
                                没有符合条件的大神～
                                <br><br><br>
                            </p></if>
                            <volist name="lists" id="vl">
                                <li class="col-xs-12 pad_0">
                                    <div class="col-md-6 col-xs-9 mb_0">
                                        <dl class="dl-horizontal mb_0" style="display: inline-block">
                                            <dt style="width: 110px;height: 110px;padding-left: 5px;"><a><img
                                                    src="{$vl.avatar128}" class="img-responsive"/></a></dt>
                                            <dd class="first" style="margin-top: 0;padding-left: 19px;">
                                                <div style="float: left;margin-top: 0;font-size: 14px;line-height: 18px;margin-bottom: 0;">
                                                    <div style="margin-bottom: 1px;"><a href="{$vl.space_url}"
                                                                                        style="font-size: 18px;" class="change" target="_blank">{$vl.nickname}</a>
                        <span>
                            <if condition="$vl['rank_link'][0]['num']">
                                <volist name="vl['rank_link']" id="val">
                                    <img src="{$val.logo_url}" title="{$val.title}" alt="{$val.title}"
                                         style="width: 16px;height: 16px;vertical-align: middle;margin-left: 2px;margin-top: -6px;"/>
                                </volist>
                            </if>
                        </span>
                                                    </div>
                                                    <div>{$vl.address|default='未设置地区'}</div>
                                                    <div style="margin-top: 1px;">{$vl.sex|default='未设置性别'}
                                                        {$vl.doing|default='未设置职业'}
                                                    </div>
                                                    <if condition="$vl['verify_info']['verified']">
                                                        <div style="margin-top: 7px;"><span
                                                                style="color: #FFCC00">{$vl.verify_info.type}：</span>  {$vl.verify_info.verified_reason|getShortSp=50}
                                                        </div>
                                                    </if>
                                                </div>
                                            </dd>
                                        </dl>
                                        <div class="info_more" style="line-height: 20px;font-size: 18px;">
                                            <span class="col-xs-6 col-md-3"><a><span>{$vl.sentiment}</span></a>人气</span>
                                            <span class="col-xs-6 col-md-3"><a><span>{$vl.fans}</span></a>膜拜</span>
                                            <span class="col-xs-6 col-md-3">帮忙<a><span>{$vl.help_count}</span></a></span>
                                            <span class="col-xs-6 col-md-3">好评率<a><span>{$vl.rate}%</span></a></span>
                                        </div>
                                        <style>
                                            .info_more a {
                                                color: #f36119 !important;
                                            }

                                            .info_more > span {
                                                margin-top: 5px;
                                                margin-bottom: 5px;
                                            }
                                        </style>
                                    </div>
                                    <div class="people_tu col-md-6 col-xs-12">
                                        <volist name="vl['user_help_3']" id="vo">
                                            <a href="{:U('help/index/detail',array('id'=>$vo['id']))}" target="_blank"><img src="{:getThumbImageById($vo['cover_id'],140,140)}" class="img-responsive"></a>
                                        </volist>
                                    </div>
                                </li>
                            </volist>
                        </ul>
                    </div>
                    <div style="width: 100%;text-align: center;">
                        {:getPagination($totalCount,50)}
                    </div>
                </div>
            </div>
        </div>
</block>
